// pages/travel/fourth/fourth.js
Page({
  data: {
    currentIndex:0,
    scrollShow:'',
   list:[
     {
       id:'zenmewan',
       name:'怎么玩',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601270213030&di=b61bd94ff8c7ef58c6e5523465da9d10&imgtype=0&src=http%3A%2F%2Fimg01.cztv.com%2F201910%2F23%2F57b83e4f3aa04852b574ba462ffc150b.png',
       detail1:'横店影视城位于浙江中部东阳市境内，距杭州180公里，金华95公里，与中国小商品城义乌市相邻，是目前全球规模较大的影视拍摄基地，被誉为“中国好莱坞”。大多数中国的古装影视作品都在这里取景拍摄，如大家耳熟能详的《英雄》、《无极》、《宫》和《步步惊心》等。在这里不仅可以随处碰到剧组和明星，甚至在街头巷尾或者某个街角的餐厅里，都有人谈论拍戏或者背诵剧本。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601270394167&di=8a0af0b03808afd25983ca948d978c75&imgtype=0&src=http%3A%2F%2Fwww.21yq.com%2Fd%2Ffile%2Fzixun%2Flvyou%2Fxbshop%2F2016-06-18%2F6551a683ff20eac9c292221f2cb61b5b.jpg',
       detail2:'双龙洞景区离金华市区只有15公里，小学课文里叶圣陶先生的《记金华的双龙洞》大概是最牛的游记，让双龙洞一跃成为金华除了火腿以外最深入人心的符号。而课文中提到的“仰卧在小船里游洞”的情节，至今仍是双龙洞最受游人称道的体验。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601270510580&di=701d789962383c546a77b882618d94ea&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181128%2F585919197b1f4b9b9c23bbe531fa5449.jpeg',
       detail3:'江郎山俗称三片石，由石峰郎峰、石柱亚峰、石墙灵峰组成，三块巨石就像从地面上长出来的三根石笋，像一个“川”字，是典型的丹霞地貌。在这里爬山感觉很刺激，幽深的一线天、大段近乎垂直的陡阶，其艰险不输华山。',
       hengdian:'hengdian',
       sld:'sld',
       jls:'jls'
     },
     {
       id: 'zhunali',
       name: '住哪里',
       img1: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272589558&di=c38041758950640c23b310aa3e2cc844&imgtype=0&src=http%3A%2F%2Fpavo.elongstatic.com%2Fi%2FHotel870_470%2Fnw_Jjej3tDdQY.jpg',
       detail1:'横店兰璟国际度假酒店\n由东阳市兮兮里酒店拆巨资打造，酒店建于亚热带季风气候区，兼有盆地气候特征、光照充足、雨量充沛、年平均气温17.1℃的浙江省金华市东阳市横店镇横黄线的国防科技教育园旁，距东阳市区18公里、金华市90公里、杭州180公里，处于江、浙、沪、闽、赣的4小时经济圈内。',
       img2: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2277666728,2182914010&fm=26&gp=0.jpg',
       detail2:'金华和美度假酒店\n位于婺城区罗店镇双龙风景区洞前村，AAAA级双龙风景区的中心，与著名景点“双龙洞”仅百米之遥，毗邻金华观、二仙洞（双龙古堡）、冰壶洞、桃源洞等著名景点，林木葱郁，环境幽静，空气清新。',
       img3: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272885150&di=cb443814c7e5a5a6d13b59b89a6096d6&imgtype=0&src=http%3A%2F%2Fimg.mp.itc.cn%2Fq_70%2Cc_zoom%2Cw_640%2Fupload%2F20160407%2F4a876c356c454ea7871cdc3edaabd0c4_th.jpg',
       detail3:'江山山田花舍民宿\n坐落在江郎山，江山山田花舍民宿在江山占尽地理之宜。\n所有极具特色的客房都配备有空调，让您感受到更加贴心细致的入住体验。瓶装水可供使用，便捷的客房设施定能让您倍感舒适。除此之外，配备有拖鞋、24小时热水和吹风机的浴室是您消除一天疲劳的好地方。',
       hengdian:'lanjing',
       sld:'hemei',
       jls:'shantian'
     },
     {
      id: 'chishenme',
      name: '吃什么',
      img1: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273473729&di=2f675a29356c7c92bf2cc4c1cfcf06ff&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191028%2F6b7c847af09b47589198a59a8a7f3672.jpeg',
      detail1:'金华火腿\n用金华两头乌猪的后腿精制而成，皮色黄亮，形似竹叶，肉色红润，香气浓郁，营养丰富，鲜美可口，是馈赠珍品，佐食佳肴，也是滋补良品，绝对是举世闻名!',
      img2: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273584904&di=ac24f830d7c6f3e3c4ab917e3b38a8e9&imgtype=0&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D3734032000%2C3367159102%26fm%3D214%26gp%3D0.jpg',
      detail2:'兰溪鸡子稞（金华）\n鸡子馃也叫鸡蛋饼，以兰溪鸡子馃最为著名。一只猪油、瘦肉、豆腐和葱馅的油煎饼中，灌入一只打碎调味的鸡蛋，熟后各馅结成整体，入口醇香鲜美，深受食客们的喜爱。城镇居民则多作夜宵点心食用。',
      img3: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2320662451,1382872665&fm=26&gp=0.jpg',
      detail3:'三头一掌（衢州）\n“三头一掌”指兔头、鸭头、鱼头，鹅掌。是浙江衢州传统的地方风味小吃，其中最具代表性的是兔头，其肉质细腻、疏松，具有高蛋白，低脂肪，低胆固醇，同时还有磷、钙、维生素及卵磷脂等有效成份，有利于皮肤粘膜的健康和代谢，故有美容肉、健康肉之称。'
    }
   ],
    tabHeadTop:0,
    fixed:false,
    scrollTop:0,
    swiperHeight:0
  },
  onLoad: function () {
   
  },
  onReady: function () {
    let that = this
    let query = wx.createSelectorQuery()
    query.select(".tab_wrap").boundingClientRect(function (res) {
       console.log(res.top) //距离页面顶部的距离
      that.setData({
        tabHeadTop: res.top
      })
    }).exec()
    query.select(".item_cont").boundingClientRect(function (res) {
        console.log(res)
      that.setData({
        item_cont: res.height
      })
    }).exec()
  },
  swiperchnage:function(e){
    this.setData({ currentIndex: e.detail.current})
    var tabHeadTop = this.data.tabHeadTop;
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
  },
  tap:function(e){
    var that=this;
    var index=e.currentTarget.dataset.index;
    this.setData({ currentIndex:e.currentTarget.dataset.index});
    var tabHeadTop = this.data.tabHeadTop;
    let query = wx.createSelectorQuery();
    query.selectAll(".item_cont").boundingClientRect(function (res) {
      that.setData({
        item_cont: res[index].height
      })
    }).exec()
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
 
  },
  onPageScroll: function (e) {
    this.setData({ scrollTop: e.scrollTop})
    if (e.scrollTop > this.data.tabHeadTop) {
      this.setData({
        fixed: true,
      })
 
 
    }else{
      this.setData({
        fixed: false
      })
      
    }
  },
  hengdian(){
    wx.navigateTo({
      url: '../fourth/hengdian/hengdian' 
    })
  },
  sld(){
    wx.navigateTo({
      url: '../fourth/sld/sld' 
    })
  },
  jls(){
    wx.navigateTo({
      url: '../fourth/jls/jls' 
    })
  },
  lanjing(){
    wx.navigateTo({
      url: '../fourth/lanjing/lanjing' 
    })
  },
  hemei(){
    wx.navigateTo({
      url: '../fourth/hemei/hemei' 
    })
  },
  shantian(){
    wx.navigateTo({
      url: '../fourth/shantian/shantian' 
    })
  },
})